<ul class="task-list" style="height:630px; overflow:auto;">
    <li class="task-draft" ng-if="status.done && docList.length==0">
        <div class="task-title">
            <span style="padding-left:20px;">&nbsp;</span>
            <span class="task-title-sp">
            这里的Essay列表还是空着呢，赶紧去创建一个吧~
            </span>
        </div>
    </li>

    <li class="task-draft task-todo" 
        ng-if="docList.length>0" 
        ng-repeat="doc in docList">
        <div class="task-title">
            <span class="task-star margin-left-6">
                <i name="btnStar" class="glyphicon"
                    ng-class="{'glyphicon-star font-star':doc.is_star, 'glyphicon-star-empty':!doc.is_star}"
                ></i>
            </span>
            <span class="task-title-sp margin-left-6" ng-bind-html="doc.title">
            </span>
            <span class="badge badge-sm margin-left-6"
                ng-if="doc.tag_ids!=''"
                ng-repeat="tag in doc.tag_ids.split(';')"
                ng-style="setTagBg(doc.tag_colors.split(';')[$index])">
                {{doc.tag_titles.split(';')[$index]}}
            </span>
        </div>

        <div class="task-action">                     
            <a name="btnEdit" href="#/operate-essay/1/{{doc.id}}" >Edit</a>
            &nbsp;
            <a name="btnDone" href="javascript:void(0);" >Done</a>
            &nbsp;
            <a name="btnDel" href="javascript:void(0);" >Delete</a>
        </div>
    </li>
    
    <li class="task-active" ng-show="!status.busy && !status.complete" >
        <div class="task-title">
            <span style="padding-left:20px;">&nbsp;</span>
            <span class="task-title-sp pointer" ng-click="search(true)">点击加载...</span>
        </div>
    </li>

    <li class="task-scheduled" ng-show="status.busy" >
        <div class="task-title">
            <span style="padding-left:20px;">&nbsp;</span>
            <span class="task-title-sp">Loading data...</span>
        </div>
    </li>
</ul>
